<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>待办</title>
	<meta  name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"/>
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="css/frozen.css">
	<link rel="stylesheet" href="css/font-awesome.min.css" />
	<link rel="stylesheet" href="css/app.css">
	<script src="lib/zepto.min.js"></script>
    <script src="js/frozen.js"></script>
</head>
<body ontouchstart>
	<header class="ui-header ui-header-positive ui-border-b">
		<h1>应用</h1>
	</header>
	<div class="footer fixed-bottom">
		<div class="footer-main full">
			<a href="index.html" class="loading">
				<!-- <i class="iconfont icon-home"></i> -->
				<img src="img/ic_tab_msg.png" class="iconfont" alt="">
				<p>消息</p>
			</a>
			<a href="needto.html" class="loading">
				<img src="img/ic_tab_task.png" class="iconfont" alt="">
				<p>待办</p>
			</a>
			<a href="application.html" class="right loading">
				<img src="img/ic_tab_app_check.png" class="iconfont" alt="">
				<p>应用</p>
			</a>
			<a href="contacts.html" class="loading">
				<img src="img/ic_tab_contacts.png" class="iconfont" alt="">
				<p>通讯录</p>
			</a>
			<a href="me.html" class="loading">
				<img src="img/ic_tab_me.png" class="iconfont" alt="">
				<p>我的</p>
			</a>
		</div>
	</div>

	<style>
		.icon_big{
			width: 50px;
			height: 50px;
		}
		.app-item{
			height: 75px;
			background: #fff;
		}
		.icon_app{
			height: 75px;
			width: 89px;
		}
		.text-inline{
			display: inline-block;
		}
		.left{
			padding: 0 5px;
			float: left;
		}
		.right{
			-webkit-box-flex: 1;
			padding-right: 10px;
			position: relative;
			float: left;
		}
		.ul-col{
			background: #fff;
		}
	</style>

	<section class="ui-container">
		<div class="ui-slider">
		    <ul class="ui-slider-content" style="width: 300%">
		        <li class="current">
		        	<span style="background-image:url(img/img_me_introduce1.jpg)"></span>
		        </li>
		        <li>
		        	<span style="background-image:url(img/img_me_introduce2.jpg)"></span>
		        </li>
		        
		    </ul>
		</div>

		<p class="demo-desc">工作应用</p>
		<div class="footer-main full" style="background: #fff">
			<a href="#">
				<img src="img/ic_erp.png" class="icon_big" alt="">
				<p>ERP体检</p>
			</a>
			<a href="#">
				<img src="img/ic_device_icloud.png" class="icon_big" alt="">
				<p>设备云</p>
			</a>
			<a href="#">
				<img src="img/ic_srm.png" class="icon_big" alt="">
				<p>SRM</p>
			</a>
			<a href="#">
				<img src="img/ic_sale.png" class="icon_big" alt="">
				<p>销售管理</p>
			</a>
		</div>

		<p class="demo-desc">办公应用</p>
		<div>
			<ul class="ui-row">
				<li class="ui-col ui-col-50">
					<a href="#">
						<div style="background: #fff;width: 100%;">
							<div style="height: 100%;width: 89px;background: #ccc;display: inline-block;">1</div>
							<div style="width:98px;display: run-in;">2</div>
							<!-- <div class="left">
								<img src="img/ic_notice.png" class="icon_app" alt="">
							</div>
							<div class="right">
								<p>公告</p>
							</div> -->
						</div>
					</a>
				</li>
				<li class="ui-col ui-col-50">50</li>
			</ul>
		</div>
	</section>

	<script>
		$(function(){
			var slider = new fz.Scroll('.ui-slider', {
		        role: 'slider',
		        indicator: true,
		        autoplay: true,
		        interval: 3000
		    });
		});
	</script>
</body>
</html>